<div class="navbar light" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">

                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand dark" href="#">SimplyDecide&trade;</a>
        </div>


        <div class="navbar-collapse collapse">
            <div class="navbar-right">
                <ul class="nav navbar-nav">
                    <li><a href="#">Hi <span class="user-name">{{dashVault.profile.profile.user.firstname}}</span></a></li>
                    <li><a href="#" class="profile-settings"></a></li>
                    <li><a href="#" class="category-link"></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- Top Search Bar -->
<div class="search-bar">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6 favourite-topics">
                <form>
                    <input type="text" ng-model="searchword" placeholder="search your favourite topics"/>
                    <!-- <input type="image" src="images/form-search-icon-white.png"/> -->
					<a class="nav-search" ui-sref="search({id: searchword})"></a>
                </form>
            </div>
            <div class="col-md-6 col-sm-6 clearfix">
				<a class="all-topics" href="#">All topics </a>
                <a class="notification-icon" mypopover  popover-placement="bottom" popover-title="Notifications" class="btn btn-default" onclick="return false">1</a>
                
            </div>
        </div>
    </div>
</div>
<!-- Top Search Bar Ends-->

<script type="text/ng-template" id="notification-template.html">
      <div class="panel notification-panel">
        <div class="panel-header">Notifications</div>
        <div class="panel-body">
        {{dashVault.profile.profile.user.firstname}}
		<ul>
			<li ng-repeat="post in pending_requests">
				<div class="user-image"><img src="http://placehold.it/50x50"></div>
				<div class="user-content">
					<span><strong>{{post.firstname}} {{post.lastname}}</strong> sent you a friend request</span>
					<span class="today">Today</span>
				</div>
			</li>
		</ul>
		</div>
  </div>
</script>
